﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>In Touch Reminder - More Options</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
    
    <!-- general -->
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script src="cordova.js" type="text/javascript" charset="utf-8"></script>

    <!-- application files -->
    <script type="text/javascript" src="js/app/globals.js"></script>
    <script type="text/javascript" src="js/app/dataServiceLocal.js"></script>
    <script type="text/javascript" src="js/app/deviceService.js"></script>
    <script type="text/javascript" src="js/app/phoneContactService.js"></script>
    <script type="text/javascript" src="js/app/presets.js"></script>
    <!-- end application files -->
  
</head>
<body>

    <!-- Top line begins -->
    <div id="top">
        <div class="topwrapper">
            <a href="contacts.html" title="" class="logo">
                <img src="images/logo.png" alt="" /></a>

            <!-- Right top nav -->
            <div class="topNav">
                <h2>
                    <span class="title">More Options</span></h2>
                <div class="clear"></div>
            </div>
        </div>
        <!-- Top line ends -->
    </div>
        <div class="modified_secNav">
            <div class="secWrapper">

                <!-- Tabs container -->
                <div id="tab-container" class="tab-container">

                    <div style="text-align: center">
                         <button id="btnReset" title="RESET INFORMATION">RESET INFORMATION</button>
                    </div>
                </div>
            <!--<div class="divider"><span></span></div>-->

        </div>
        <div class="clear"></div>
        <div>
        </div>
    </div>

     <div id="bottom">
         <div>
             <ul class="middleFree">
                 <li><a class="transition" href="contacts.html" title="Contacts"><span class="iconb" data-icon="&#xe1bb;"></span><span class="subtitle_text">Contacts</span></a></li>
                 <li><a class="transition" href="#" title="Reminders"><span class="iconb" data-icon="&#xe023;"></span><span class="subtitle_text">Reminders</span></a></li>
                 <li><a class="transition" href="settings.html" title="Settings"><span class="iconb" data-icon="&#xe04d;"></span><span class="subtitle_text">Settings</span></a></li>
                 <li><a class="transition" href="more.html" title="More"><span class="iconb selected" data-icon="&#xe24a;"></span><span class="subtitle_text selected">More...</span></a></li>
             </ul>

         </div>
     </div>
      <script type="text/javascript" charset="utf-8">



          $("#btnReset").click(function () {
              if(window.confirm('Are you sure..This will resynch all your contacts info?'))
              {
                  // Page_Preset.fn_PerformPreset();
                  window.location = "presets.html";
              }
          });
          //Page_Preset.fn_init();

         
    </script>

</body>
</html>
